<template>
	<view>
		<view class="Modal_mask" :class="mClass" @click.stop="closes"></view>
		<view class="Modal_Modal">
			<view class="Modal_title">
					请务必使用本人名下的银行卡或者支付</br> 
					信息，一旦绑错，无法找回。
			</view>
			<view class="colse" @click.stop="closes" >
				我知道了
			</view>
		</view>
	</view>
</template>

<script>
import uniIcons from '@/components/uni-icon/uni-icon.vue';
export default {
	name: 'lkex-modal',
	components: { uniIcons },
	props: {
		mClass: {
			type: String,
			default: ''
		},
		title: {
			type: String
		},
		color: {
			type: String
		},
		background: {
			type: String
		},
		isShowClose: {
			type: Boolean,
			default: true
		}
	},
	data() {
		return {};
	},
	methods: {
		hideModal() {
			if (this.isMask) {
				this.$emit('close');
			}
		},
		closes() {
			this.$emit('close');
		}
	}
};
</script>

<style lang="scss">
.Modal_mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 100;
}
.Modal_Modal {
	z-index: 999;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 93.6%;
	background: #fff;
	border: 2upx solid #b5b5b5;
	border-radius: 8upx;
	.Modal_title {
		position: relative;
		padding: 86rpx 0;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border-bottom: 2rpx solid #BFBFBF;
		line-height: 1.2;
	}
	.colse {
		height: 60rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #488FD3;
	}
}
</style>
